<section id="main" class="clearfix">
	<?php include 'main-header.php';?>
	<div id="main-content">
		<ul class="stats-container">
			<li><a href="#" class="stat summary"> <span class="sparkline"
					sparktype="bar" sparkbarcolor="#e95d3c" sparkbarwidth="6"
					sparkheight="28">28,33,32,34,32,33,36,28,24</span> <span
					class="digit"> <span class="text">Support Requests</span> 378
				</span>
			</a>
			</li>
			<li><a href="#" class="stat summary"> <span class="sparkline"
					sparktype="bar" sparkbarcolor="#08c" sparkbarwidth="6"
					sparkheight="28">5,6,7,9,9,5,3,2,2,4,6,7</span> <span class="digit">
						<span class="text">Total Revenue</span> $5378
				</span>
			</a>
			</li>
			<li><a href="#" class="stat summary"> <span
					class="icon icon-circle bg-green"> <i class="icon-stats"></i>
				</span> <span class="digit"> <span class="text">Current Balance</span>
						$6,788
				</span>
			</a>
			</li>
			<li><a href="#" class="stat summary"> <span
					class="icon icon-circle bg-orange"> <i class="icon-user"></i>
				</span> <span class="digit"> <span class="text">New Customers</span>
						341
				</span>
			</a>
			</li>
		</ul>

		<div id="dashboard-demo" class="tabbable analytics-tab paper-stack">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#" data-target="#live" data-toggle="tab"><i
						class="icon-history"></i> Live Stats</a></li>
				<li><a href="#" data-target="#math" data-toggle="tab"><i
						class="icon-graph"></i> Some Math</a></li>
				<li><a href="#" data-target="#fb" data-toggle="tab"><i
						class="icon-facebook"></i> Facebook Insights</a></li>
				<li><a href="#" data-target="#revenue" data-toggle="tab"><i
						class="icon-bars"></i> Revenue</a></li>
			</ul>
			<div class="tab-content">
				<div id="live" class="tab-pane active">
					<div class="analytics-tab-header clearfix">
						<div class="form-inline">
							<label class="checkbox text-nowrap"> <input id="live-switch"
								type="checkbox" /> Switch to see the widgets below updating
								every second. <span class="label label-info">Turned off by
									default to save CPU resource on old machines</span>
							</label>
						</div>
					</div>
					<div class="analytics-tab-content">
						<div class="row-fluid">
							<div class="span9">
								<div id="demo-chart-00" style="height: 265px;"></div>
							</div>
							<div class="span3">
								<div class="stat progress-stat">
									<span class="text"><i class="icon-feather"></i> Designs
										Completed <span>130/200</span> </span>
									<div
										class="progress progress-mini progress-info progress-striped ">
										<div class="bar" style="width: 65%;"></div>
									</div>
								</div>
								<div class="stat progress-stat">
									<span class="text"><i class="icos-cat"></i> Cats Tammed <span>77%</span>
									</span>
									<div
										class="progress progress-mini progress-info progress-striped ">
										<div class="bar" style="width: 77%;"></div>
									</div>
								</div>
								<div class="stat progress-stat">
									<span class="text"><i class="icon-download"></i> Download
										Progress <span>136/400 Mb</span> </span>
									<div
										class="progress progress-mini progress-success progress-striped ">
										<div class="bar" style="width: 34%;"></div>
									</div>
								</div>
								<div class="stat progress-stat">
									<span class="text"><i class="icon-wrench"></i> Defects Repaired
										<span>54%</span> </span>
									<div
										class="progress progress-mini progress-warning progress-striped ">
										<div class="bar" style="width: 54%;"></div>
									</div>
								</div>
								<button type="button" class="btn btn-block btn-primary">Generate
									Report</button>
								<button type="button" class="btn btn-block btn-danger">Report
									Bugs</button>
							</div>
						</div>
					</div>
					<div class="divider"></div>
					<div class="analytics-tab-content">
						<div class="row-fluid">
							<span class="span4"> <span class="stat circular inline"> <span
									id="cs-1" data-provide="circular" data-fill-color="#0088cc"
									data-value="35" data-radius="36" data-percent="true"
									data-thickness="8"></span> <span class="text">Server Load</span>
							</span>
							</span> <span class="span4"> <span class="stat circular inline">
									<span id="cs-2" data-provide="circular"
									data-fill-color="#ed7a53" data-value="79.213" data-decimals="1"
									data-radius="36" data-percent="true" data-thickness="8"></span>
									<span class="text">Disk Space Usage</span>
							</span>
							</span> <span class="span4"> <span
								class="stat block circular inline"> <span id="cs-3"
									data-provide="circular" data-fill-color="#a5d166"
									data-value="94.899" data-decimals="2" data-radius="36"
									data-percent="true" data-thickness="8"></span> <span
									class="text">Bandwidth Usage</span>
							</span>
							</span>
						</div>
					</div>
				</div>
				<div id="math" class="tab-pane">
					<div class="analytics-tab-header clearfix">
						<div class="pull-left" style="width: 100%">
							<div class="control-group">
								<label class="control-label">Range of (x)</label>
								<div class="controls">
									<div id="math-x-range"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="analytics-tab-content">
						<div id="demo-chart-01" style="height: 353px;"></div>
					</div>
				</div>
				<div id="fb" class="tab-pane">
					<div class="analytics-tab-header clearfix">
						<div class="pull-left form-inline">
							<label>Date Range</label> <input id="dp1" type="text"
								class="span2 datepicker uneditable-input" /> - <input id="dp2"
								type="text" class="span2 datepicker uneditable-input" />
						</div>
						<div class="btn-toolbar pull-right">
							<a class="btn btn-primary"><i class="icon-download-to-computer"></i>
								Export Data</a>
							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown"> <i
									class="icon-cog-2"></i> <span class="caret"></span>
								</a>
								<ul class="dropdown-menu pull-right">
									<li><a href="#"><i class="icol-tag"></i> About Insights</a></li>
									<li><a href="#"><i class="icol-help"></i> Help</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="analytics-tab-content">
						<div id="demo-chart-02" style="height: 381px;"></div>
					</div>
				</div>
				<div id="revenue" class="tab-pane">
					<div class="analytics-tab-header clearfix">
						<div id="demo-chart-03-toolbar" class="pull-left form-inline">
							<label class="checkbox"><input class="uniform" type="checkbox"
								name="dm1-0" checked /> Target Revenue</label> <label
								class="checkbox"><input class="uniform" type="checkbox"
								name="dm1-1" checked /> Actual Revenue</label>
						</div>
						<div class="btn-toolbar pull-right">
							<a class="btn btn-primary"><i class="icon-download-to-computer"></i>
								Export Data</a>
							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown"> <i
									class="icon-cog-2"></i> <span class="caret"></span>
								</a>
								<ul class="dropdown-menu pull-right">
									<li><a href="#"><i class="icol-tag"></i> About Insights</a></li>
									<li><a href="#"><i class="icol-help"></i> Help</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="analytics-tab-content">
						<div id="demo-chart-03" style="height: 381px;"></div>
					</div>
				</div>
			</div>
		</div>

		<div class="row-fluid">
			<div class="span6 widget">
				<div class="widget-header">
					<span class="title"><i class="icos-heart-favorite"></i> Your
						Current Stats</span>
				</div>
				<div class="widget-content summary-list">
					<ul>
						<li><span class="key"><i class="icon-support"></i> Support Tickets</span>
							<span class="val"> <span class="text-nowrap">332</span>
						</span>
						</li>
						<li><span class="key"><i class="icos-piggy-bank"></i> Commision</span>
							<span class="val"> <span class="text-nowrap">71% <i
									class="up icon-arrow-up"></i>
							</span>
						</span>
						</li>
						<li><span class="key"><i class="icos-shopping-cart-2"></i> This
								Week Sales</span> <span class="val"> <span class="text-nowrap">144
									<i class="down icon-arrow-down"></i>
							</span>
						</span>
						</li>
						<li><span class="key"><i class="icos-money"></i> Cash Deposit</span>
							<span class="val"> <span class="text-nowrap">$6,421</span>
						</span>
						</li>
						<li><span class="key"><i class="icon-key"></i> Last Sign In</span>
							<span class="val"> <span class="text-nowrap">September 21, 2012</span>
						</span>
						</li>
						<li><span class="key"><i class="icon-windows"></i> Operating
								System</span> <span class="val"> <span class="text-nowrap">Debian
									Linux</span>
						</span>
						</li>
					</ul>
				</div>
			</div>

			<div class="span6 widget">
				<div class="widget-header">
					<span class="title"> <i class="icon-ok"></i> Pending Task List
					</span>
					<div class="toolbar">
						<span class="btn" rel="tooltip" title="Add New Task"><i
							class="icon-plus"></i> </span>
					</div>
				</div>
				<div class="widget-content task-list">
					<ul>
						<li class="done"><span class="checkbox"><input type="checkbox"
								class="uniform" checked /> </span> <span class="text"> <span
								class="text-nowrap"> <i class="icon-food"></i> Feed the cats
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
						<li><span class="checkbox"><input type="checkbox" class="uniform" />
						</span> <span class="text"> <span class="text-nowrap"> <i
									class="icon-chemical"></i> Go to the doctor <span
									class="badge badge-warning">urgent</span>
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
						<li class="done"><span class="checkbox"><input type="checkbox"
								class="uniform" checked /> </span> <span class="text"> <span
								class="text-nowrap"> <i class="icon-bag"></i> Buy my wife a new
									dress <span class="badge badge-success">important</span>
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
						<li><span class="checkbox"><input type="checkbox" class="uniform" />
						</span> <span class="text"> <span class="text-nowrap"> <i
									class="icon-comments"></i> Introduce my daughter to my boss
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
						<li><span class="checkbox"><input type="checkbox" class="uniform" />
						</span> <span class="text"> <span class="text-nowrap"> <i
									class="icon-plane"></i> Buy a new airplane
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
						<li><span class="checkbox"><input type="checkbox" class="uniform" />
						</span> <span class="text"> <span class="text-nowrap"> <i
									class="icon-users"></i> Attend a community meetup
							</span>
						</span> <a href="#" class="close">&times;</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--
		<div class="row-fluid">
			<div class="span12">
				<div class="widget">
					<div class="widget-header">
						<span class="title"> <i class="icon-calendar"></i> My Schedule
						</span>
					</div>
					<div class="widget-content no-padding no-border">
						<div id="demo-calendar-01"></div>
					</div>
				</div>
			</div>
		</div>

		<div class="row-fluid">
			<div class="widget span12">
				<div class="widget-header">
					<span class="title"> <i class="icon-comments"></i> General
						Discussion
					</span>
					<div class="toolbar">
						<span class="btn dropdown-toggle" data-toggle="dropdown"> <span
							class="caret"></span>
						</span>
						<ul class="dropdown-menu pull-right">
							<li><a href="#"><i class="icol-lightbulb"></i> Available</a></li>
							<li><a href="#"><i class="icol-cross-shield-2"></i> Busy</a></li>
							<li><a href="#"><i class="icol-clock"></i> Away</a></li>
							<li class="divider"></li>
							<li><a href="#"><i class="icol-disconnect"></i> Disconnect</a></li>
						</ul>
					</div>
				</div>
				<div class="widget-content chat-box">
					<ul class="thumbnails">
						<li class="me">
							<div class="thumbnail">
								<img src="<?php echo base_url();?>assets/images/pp.jpg" />
							</div>
							<div class="message">
								<span class="name">Shana-chan</span> Hello everyone! Mind
								sharing your time with me today? <span class="time">15 minutes
									ago</span>
							</div>
						</li>
						<li class="others">
							<div class="thumbnail">
								<img src="<?php echo base_url();?>sample/p2.jpg" />
							</div>
							<div class="message">
								<span class="name">Jane Well</span> Hello dear, do you have
								something in your mind to discuss with us? <span class="time">14
									minutes ago</span>
							</div>
						</li>
						<li class="me">
							<div class="thumbnail">
								<img src="<?php echo base_url();?>assets/images/pp.jpg" />
							</div>
							<div class="message">
								<span class="name">Shana-chan</span> Cras convallis, odio in
								ultricies condimentum, dui metus pretium orci, ac sagittis orci
								eros a leo. Cras lorem est, suscipit quis lacinia sit amet,
								tempor a tortor. Fusce in vehicula purus. Quisque ut suscipit
								elit. Fusce ac metus in enim euismod tincidunt. Nunc blandit
								neque vitae sem egestas id egestas neque bibendum. Etiam eget
								risus ut dolor convallis consectetur. <span class="time">10
									minutes ago</span>
							</div>
						</li>
						<li class="others">
							<div class="thumbnail">
								<img src="<?php echo base_url();?>sample/p1.jpg" />
							</div>
							<div class="message">
								<span class="name">Jonathan Doe</span> Wow, that's a long
								sentence. I don't quite understand what you mean, but it's good
								overall :) <span class="time">Just now</span>
							</div>
						</li>
					</ul>
					<div class="message-form">
						<div class="row-fluid">
							<div class="span10">
								<input type="text" class="span12"
									placeholder="Type a message..." />
							</div>
							<div class="span2">
								<button type="button" class="btn btn-block btn-primary">Send</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		-->

	</div>
</section>
